<ion-header>
  <ion-navbar>
    <ion-title>
      REGISTER
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <div class="ft-tab-my-registration">
    <div>
    <ion-item>
    <ion-input placeholder="First name" [(ngModel)]="firstname"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Last name" [(ngModel)]="lastname"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Email" [(ngModel)]="email"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Nickname" [(ngModel)]="nickname"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Password" [(ngModel)]="password" type="password"></ion-input>
  </ion-item>
  <ion-item>
    <ion-input placeholder="Confirm password" [(ngModel)]="confirmpassword" type="password"></ion-input>
  </ion-item>
    </div>
    <div class="wrongmessage">{{wrongmessage}}</div>
    <div class="butt1" (click)='register()' tappable>
   <button FULL class="button1">Register</button>
    </div>
    <div class="login">Already have an account,<a (click)='login()'>Login</a></div>
  </div>

</ion-content>